@import '../../index.less';

.interviewCandidateMobile {
    padding-bottom: 60px;
    background: #fff;
    .fullDetail {
        background: #fff;
        padding: .px2vw(16) [ @vw];
        padding-bottom: 0;
        padding-top: 0;
    }
    .halfDetail {
        padding: 16px;
        margin: 0 .px2vw(12) [ @vw];
        border-radius: .px2vw(8) [ @vw];
        border: 1px solid rgba(220, 224, 232, 0.2);
    }
    .btnWrap {
        padding: .px2vw(8) [ @vw] .px2vw(16) [ @vw] .px2vw(24) [ @vw];
    }
    .info {
        .fontWeightMedium();
        margin-bottom: .px2vw(16) [ @vw];
        font-size: .px2vw(16) [ @vw];
        line-height: .px2vw(22) [ @vw];
        color: #2a2f3c;
    }
    .editBtn {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: .px2vw(8) [ @vw];
        font-size: .px2vw(14) [ @vw];
        color: @primary-color;
        i {
            display: block;
            margin-right: .px2vw(2) [ @vw];
            margin-top: .px2vw(2) [ @vw];
            font-size: .px2vw(18) [ @vw];
            line-height: .px2vw(18) [ @vw];
        }
    }
    .pageFooter {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 998;
        height: 60px;
        padding: 0 16px;
        background: #fff;
        box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.05);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .backgroundFormItem {
        .title {
            padding-top: 0;
        }
    }
}
:global {
    .backgroundModal {
        width: 100vw !important;
        height: 100vh;
        max-width: inherit !important;
        .am-modal-content {
            border-radius: 0;
            text-align: left;
            padding-top: 0;
            // overflow: auto;
            .am-modal-body {
                padding: 0;
            }
        }
    }
}
